Gambar diatas adalah sebuah website dg cara memakai css templates yg sering digunakan untuk memperindah tampilan web atau blog. Pertama anda harus punya filenya dulu dg cara mendownloadnya, anda bisa cari di google dg keyword "free css templates" lalu klik search, kalau anda sudah menemukan templates yg cocok dipikiran anda dan merasa script-scriptnya mudah di edit mulailah mengekstraknya karna biasanya file itu masih dalam bentuk format zip. Untuk mengedit bisa lewat komputer dg memakai aplikasi winrar atau winzip dan sejenisnya. Kalau yg memakai ponsel anda bisa mendownload aplikasi winrar dg format jar atau bisa juga dg aplikasi jzipman dan mini commander, anda harus mempunyai 2 aplikasi ini untuk bisa mengeditnya. Biasanya didalam css templates terdapat elemen-elemen penting untuk terbentuknya halaman website, karna kita disini membahas tentang wapsite maka harus menyesuaikan dg hostingan kita. Elemen atau file di dalamnya berupa :

• Folder gambar
  
• File css
  
• Index.html
  

TAHAP PERTAMA
Anda harus buka folder gambar didalamnya, ada beberapa gambar yg mendukung css templates agar menjadi sebuah halaman. Silahkan anda upload dulu gambar-gambar dalam folder tersebut ke hostingan anda di xtgem. Buatkan folder khusus agar anda mudah mengingatnya, contohnya buat folder "pict css templates" sehingga alamat gambar yg didapat dalam hostingan anda adalah http://username.domain/images/nama gambar. Tipe-tipe gambar bisa berupa jpg, png atau gif.
TAHAP KEDUA
Setelah anda selesai mengupload gambar-gambar tersebut, maka gambar itu akan mempunyai alamat dimana alamat itu akan dipasang di css. File css tersebut biasanya berupa nama default.css atau style.css ya tergantung nama yg diberikan oleh pembuat templates tersebut. Buka dan edit css anda, sebagai contoh :

• /*
  Design by free css templates http://www.freecsstemplates.org released for free under a creative commons atribution 2.5 license
  
• */
  body{margin:opx;padding:0;background:url(img01.jpg)repeat-x left top;text-align:justify;font-family:georgia, "times new roman", times, serif;font size:12px;
  

dan hasil editannya

• /*
  Design by free css templates http://www.freecsstemplates.org released for free under a creative commons atribution 2.5 licence
  
• */
  body{margin:opx;padding:0;background:url(http://username.domain/images/img01.jpg)repeat-x left top;text-align:justify;font-family:georgia,"times new roman" times, serif;font-size:12px:
  

Tulisan yg bercetak miring dan tebal itulah yg diedit sampai seterusnya. Setelah selesai mengedit cssnya. Sekarang anda simpan dan mulai mengupload css ke dalam folder yg khusus anda buat, misalnya folder files. Sekarang anda sudah mendapatkan alamat css anda sbg contoh :
http://username.domain/files/default.css
TAHAP KETIGA
Dalam tahap ini anda mulai melihat file index.html dan editlah yg nantinya akan keluar sebagai halaman utama wapsite anda. Sebelum mulai melangkah ke jenjang berikutnya, anda kembali ke alamat css yg tadi anda upload. Silahkan anda taruh didalam script pemanggil atau didalam script index.html disana anda akan melihat code atau script yg saya kasih contoh dibawah ini :

link href="default.css" rel="stylesheet" type="text/css" media="screen" />

akan menjadi seperti :

link href="http://alamat url anda/files/default.css" rel="stylesheet" type="text/css" media="screen"

Setelah alamat css terpasang dg benar, sekarang mulai mengedit seluruh isi dari index.html anda bisa melakukan dg 2 cara :

• Dengan cara upload index.html ke hostingan
  
• Dengan cara mengcopy seluruh script dan dipaste di text editor
  

Text editor tersebut seperti hostingan xtgem dg cara :

• Login di xtgem.com
  
• Buka menu file browser dan cari file index
  
• Klik tanda (+) --> open to --> text editor
  
• Setelah text area muncul, hapus semua code html disana
  
• Paste seluruh file index.html yg tadi di edit
  
• Lalu save
  

Selamat berkreasi dan semoga berhasil...!!!
Nb : Bagi anda yg menggunakan komputer untuk mengedit anda bisa juga memakai software dreamwaver

Berikut ini sekedar tips buat browsing dari saya yg akan saya sampaikan, agar dapat menikmati tampilan website ini secara normal dan tidak berantakan, karena jika anda browsing menggunakan handphone tentu ada sedikit masalah yg timbul pada tampilan website ini, kan semua ini agar terkesan rapi dan enak dipandang.

Bagi anda yg sedang browsing menggunakan komputer (PC) tidak ada masalah dengan tampilan web ini, tapi masalahnya adalah bagi anda yg browsing menggunakan handphone mungkin ada sedikit masalah dalam tampilan website ini. Mungkin tampilan web ini terpotong-potong kebawah atau terpecah-pecah. Semua ini terjadi apabila anda menggunakan operamini yg pada pengaturan menggunakan tampilan ponsel (mobile phone), ini mengakibatkan tampilannya terpotong-potong kebawah. Untuk itu pada pengaturan tampilan ponsel dinonaktifkan atau jangan dicentang agartampilan web ini bisa dilihat secara normal. Dan jika anda membuka menggunakan browser bawaan dari handphone anda harus menonaktifkan smart-Fit pada pengaturannya. Sekian tips dari saya, semoga bermanfaat yaa...!!